<template>
	<view>
		<view>纵向滚动scroll示例</view>
		<scroll-view scroll-y="true" style="height: 300rpx; background-color: deepskyblue;">
			<view style="height: 600rpx;">
				<view>纵向滚动内容</view>
				<view>可以上下滚动查看隐藏内容</view>
				<view style="margin-top: 500rpx;">这是底部内容</view>
			</view>
		</scroll-view>
		
		<view style="margin-top: 40rpx;"> 横向滚动scroll示例</view>
		<scroll-view scroll-x="true" style="width: 100%;white-space: nowrap; background-color: lightcyan;">
			<view style="display: inline-block; width: 800rpx;">
				<view>横向滚动内容</view>
				<view>可以左右横向查看隐藏内容</view>
				<view style="margin-left: 500rpx;">这是右侧内容</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
